<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表</title>
    <link rel="stylesheet" href="./css/base1.css">
    <link rel="stylesheet" href="./css/person.css">
    <link rel="stylesheet" href="./css/list.css">
</head>
<body>
    <div id="hdd"></div>

    <div class="shangou">
        <p class="shangou-one">查看商品详情</p>
        <p class="shangou-two">去购物车查看</p>
    </div>
   
    
    
    <div class="goshopping">
        <div class="gshopping-one">
            <div class="shoppingtu"><img src="" alt=""></div>
            <div class="shopxin">这是商品信息</div>
            <p class="shopprice">&nbsp;&nbsp;￥<i>8888</i></p>
            <div class="xiaoche">
                <span class="iconfont ">&#xe600; <i class="jiache">加入购物车</i></span>
            </div>
        </div>
        <div class="gshopping-one">
            <div class="shoppingtu"><img src="" alt=""></div>
            <div class="shopxin">这是商品信息</div>
            <p class="shopprice">&nbsp;&nbsp;￥<i>8888</i></p>
            <div class="xiaoche">
                <span class="iconfont ">&#xe600; <i class="jiache">加入购物车</i></span>
            </div>
        </div>
        <div class="gshopping-one">
            <div class="shoppingtu"><img src="" alt=""></div>
            <div class="shopxin">这是商品信息</div>
            <p class="shopprice">&nbsp;&nbsp;￥<i>8888</i></p>
            <div class="xiaoche">
                <span class="iconfont ">&#xe600; <i class="jiache">加入购物车</i></span>
            </div>
        </div>
        <div class="gshopping-one">
            <div class="shoppingtu"><img src="" alt=""></div>
            <div class="shopxin">这是商品信息</div>
            <p class="shopprice">&nbsp;&nbsp;￥<i>8888</i></p>
            <div class="xiaoche">
                <span class="iconfont ">&#xe600; <i class="jiache">加入购物车</i></span>
            </div>
        </div><div class="gshopping-one">
            <div class="shoppingtu"><img src="" alt=""></div>
            <div class="shopxin">这是商品信息</div>
            <p class="shopprice">&nbsp;&nbsp;￥<i>8888</i></p>
            <div class="xiaoche">
                <span class="iconfont ">&#xe600; <i class="jiache">加入购物车</i></span>
            </div>
        </div><div class="gshopping-one">
            <div class="shoppingtu"><img src="" alt=""></div>
            <div class="shopxin">这是商品信息</div>
            <p class="shopprice">&nbsp;&nbsp;￥<i>8888</i></p>
            <div class="xiaoche">
                <span class="iconfont ">&#xe600; <i class="jiache">加入购物车</i></span>
            </div>
        </div><div class="gshopping-one">
            <div class="shoppingtu"><img src="" alt=""></div>
            <div class="shopxin">这是商品信息</div>
            <p class="shopprice">&nbsp;&nbsp;￥<i>8888</i></p>
            <div class="xiaoche">
                <span class="iconfont ">&#xe600; <i class="jiache">加入购物车</i></span>
            </div>
        </div>
        <div class="gshopping-one">
            <div class="shoppingtu"><img src="" alt=""></div>
            <div class="shopxin">这是商品信息</div>
            <p class="shopprice">&nbsp;&nbsp;￥<i>8888</i></p>
            <div class="xiaoche">
                <span class="iconfont ">&#xe600; <i class="jiache">加入购物车</i></span>
            </div>
        </div>
    </div>

  
    <div id="d"></div>
</body>
<script src="./js/jquery2.2.4.js"></script>
<script>
    $('#hdd').load('http://localhost:3000/connect/header.html .hdd');
    $('#d').load('http://localhost:3000/connect/header.html .d');
</script>
</html>